import "antd/es/button/style";
import _Button from "antd/es/button";
import "antd/es/space/style";
import _Space from "antd/es/space";
/**
 * background: '#F7F8FA'
 * compact: true
 */
import React from 'react';
import { SearchTable } from '@szzj/ds';
import schema from "./schema";
import { mockTableList } from "../../../mock";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
export default (function () {
  var columns = [{
    title: 'name',
    dataIndex: ['name', 'last']
  }, {
    title: 'email',
    dataIndex: 'email'
  }, {
    title: 'phone',
    dataIndex: 'phone'
  }, {
    title: 'gender',
    dataIndex: 'gender'
  }, {
    title: '操作',
    fixed: 'right',
    width: 120,
    render: function render() {
      return /*#__PURE__*/_jsxs(_Space, {
        children: [/*#__PURE__*/_jsx("a", {
          children: "\u67E5\u770B"
        }), /*#__PURE__*/_jsx("a", {
          children: "\u7F16\u8F91"
        })]
      });
    }
  }];
  return /*#__PURE__*/_jsx("div", {
    style: {
      padding: 20
    },
    children: /*#__PURE__*/_jsx(SearchTable, {
      searchProps: {
        schema: schema
      },
      tableProps: {
        rowKey: 'phone',
        columns: columns
      },
      request: mockTableList,
      tableBarRender: /*#__PURE__*/_jsx("div", {
        children: /*#__PURE__*/_jsx(_Button, {
          type: "primary",
          children: "\u65B0\u589E"
        })
      })
    })
  });
});